<template>
	<view>
	  <form @submit="saveFormId" report-submit="true">
	  <button formType="submit" class='btn'>
	  	<view class="btnSubmitClass">
	  	<form @submit="saveFormId" report-submit="true">
	  		<button formType="submit" class='btn'>
	  		<view class="btnSubmitClass">
	  			<form @submit="saveFormId" report-submit="true">
	  			<button formType="submit" class='btn'>
	  				<view class="btnSubmitClass">
	  				<form @submit="saveFormId" report-submit="true">
	  					<button formType="submit" class='btn'>
	  					<view class="btnSubmitClass">
	  						<form @submit="saveFormId" report-submit="true">
	  						<button formType="submit" class='btn'>
	  						<view :class="btnSubmitClass">
	  						  <view :class="btnClass">
	  						    <button formType="submit" @tap="onSaveUser" >
								<image v-if="imgurl" :class="imgUrlClass" :src="imgUrl" mode=""></image>
								{{btnName}}
								</button>
	  						   </view>
	  						</view>
	  						</button>
	  						</form>
	  					</view>
	  					</button>
	  				</form>
	  				</view>
	  			</button>
	  			</form>
	  		</view>
	  		</button>
	  	</form>
	  	</view>
	  </button>
	  </form>
	</view>
</template>

<script>
	export default {
		props: {
			saveData:Function,
		    getFormId: Function, //方法
			btnSubmitClass:{ //提交按钮样式
				type: Array,
				default() {
					  return ['vv'];
				}
			},
           btnClass: { // 按钮样式
				type: Array,
				default() {
					 return ['components-info-btn-box'];
				   }
			},
			btnName: { //按钮名称 保存/提交
				type: String,
				default: ''
			},
			imgUrlClass: { // 按钮上图片地址样式
				type: Array,
				default() {
					 return [];
				   }
			},
			imgUrl: { //按钮上图片地址
				type: String,
				default: ''
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			saveFormId(e) {
				let getFormId = this.getFormId;
				if (typeof getFormId === 'function') {
					getFormId(e);
				}
			},
			onSaveUser(e){
			    let saveData = this.saveData;
				if (typeof saveData === 'function') {
					saveData(e);
				}
			}
		}
	}
</script>

<style>
	.btn{
		width: 1rpx;
		height: 1rpx;
		margin: 0;
		padding: 0;
		border-color:transparent;
		border:none;
		text-align: center;
		background-color:transparent;
	}
	.vv{
		height:68rpx;
		width:156rpx;
		position:fixed;
		top: 120rpx;
		text-align: center;
		left: 0;
		right: 0;
	}
	button::after{
		border: none;
	}
	.components-info-btn-box button {
		width: 580upx;
		background: #077131;
		color: #FFFFFF;
		font-size: 34upx;
		height: 80upx;
		line-height:80upx;
		border-radius: 44upx;
		margin-top: 80upx;
	}
</style>
